Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

fix: prevent rendering errors for text on enhanced image teaser caused by Angular hydration #1583

Merged
merged 1 commit into from
Feb 1, 2024

Conversation

shauke
Copy link
Collaborator

@shauke shauke commented Feb 1, 2024

PR Type

[x] Bugfix

Problem

  • Angular hydration needs a valid HTML structure that was not given with the surrounding <p> tag for the text/description on the image since the standard freestyle HTML is included in <p> tags and <p> in <p> resulted in hydration errors
  • use <div> instead of <p> element for freestyle HTML on enhanced image teaser to prevent rendering errors
  • see https://angular.io/guide/hydration#valid-html-structure

Does this PR Introduce a Breaking Change?

[x] No

Other Information

AB#93448

…d by Angular hydration

* Angular hydration needs a valid HTML structure that was not given with the surrounding <p> tag for the text/description on the image
* use <div> instead of <p> element for freestyle HTML on enhanced image teaser to prevent rendering errors
* see https://angular.io/guide/hydration#valid-html-structure
@shauke shauke added this to the 5.1 milestone Feb 1, 2024
@shauke shauke self-assigned this Feb 1, 2024
@shauke shauke merged commit 6b8256e into develop Feb 1, 2024
24 of 25 checks passed
@shauke shauke deleted the bugfix/cms_hydration_issue branch February 1, 2024 14:33
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

1 participant